.hv-designer-layer-panel-container {
  width: 100%;
  height: 100%;
  .hv-designer-layer-panel-center {
    width: 100%;
    height: calc(
      var(--hv-dash-des-config-panel-body-height) - var(--hv-dash-des-layer-panel-bottom-height)
    );
  }
  .hv-designer-layer-panel-bottom {
    width: 100%;
    height: var(--hv-dash-des-layer-panel-bottom-height);
    background-color: var(--hv-dash-des-layer-panel-bottom-bg);
    border-top: var(--hv-border-width-base) var(--hv-border-style-base)
    var(--hv-dark-bor-color);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 5px;
    .hv-designer-layer-panel-bottom-btn {
      height: calc(var(--hv-dash-des-canvas-panel-bottom-height) - 1px);
      width: var(--hv-dash-des-canvas-panel-bottom-height);
      color: var(--hv-dark-btn-color);
      display: flex;
      align-items: center;
      font-size: 13px;
      margin-right: 5px;
      cursor: pointer;
      justify-content: center;
      transition: 0.2s;
      &:hover {
        background-color: var(--hv-dash-des-canvas-panel-bottom-item-hov-bg);
      }
    }

    .hv-designer-layer-panel-bottom-btn-folder{
      font-size: 14px;
    }
  }
  
}
